<template>
    <div style="height:100vh">

        <div class="messageInfo" v-for="item in message" :key="item.recruitId">
            <div class="recruitName">
                求职岗位：{{ item.recruitName }}
            </div>
            <div class="resumeId">
                简历编号：{{ item.resumeId }}
            </div>
            <div class="emailInfo">
                {{ item.emailInfo }}
            </div>
            <div class="submitTime">
                {{ item.submitTime }}
            </div>
        </div>
    </div>
</template>
<script>
import axios from 'D:\\job_management\\src\\axiosConfig.js'
export default {
    data() {
        return {
            message: [
                {
                    recruitName: '抖音达人',
                    resumeId: 1,
                    submitTime: '2023-5-12',
                    emailInfo: '目前尚未收到任何回信'

                },
                {
                    recruitName: '抖音达人',
                    resumeId: 2,
                    submitTime: '2023-6-17',
                    emailInfo: '目前尚未收到任何回信'

                }
            ]
        }
    },
    mounted() {
        axios.get(`seekers/email/${this.$store.state.account}`,
        ).then(res => {
            this.message = res.data.data
        })
    },
    methods: {

    }
}
</script>
<style scoped>
.messageInfo {
    position: relative;
    width: 75%;
    height: 200px;
    background-color: #fff;
    margin-top: 20px;
    margin-left: 200px;
    border-radius: 30px;
    cursor: pointer;
}

.recruitName {
    position: absolute;
    top: 1vh;
    left: 1vw;
    font-size: 20px;
    font-weight: 600;
}

.resumeId {
    position: absolute;
    top: 1vh;
    left: 30vw;
    font-size: 20px;
}

.emailInfo {
    position: absolute;
    top: 10vh;
    left: 3vw;
    font-size: 18px;

}

.submitTime {
    position: absolute;
    top: 22vh;
    right: 3vw;
    color: rgba(0, 0, 0, 0.3)
}
</style>